import React from 'react'
import { Col, Form, Input, Button, } from 'antd'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import RenderButtom from '@/components/RenderButton'
import SearchBox from '@/components/SearchBox'
import UnDev from '@/components/UnDev'

const Decoration = props => {
 const { form } = props
 const { getFieldDecorator } = form

 // 表单查询
 const handleSearch = e => {
   e.preventDefault()
   form.validateFields((err, values) => {
     console.log('Received values of form: ', values)

   })
 }
 // 表单清空
 const handleReset = e => {
   form.resetFields();
 }
 // 查询条件
 const getFields = () => {
   return(
     <Col span={8}>
       <Form.Item label={`名称`}>
         {getFieldDecorator(`id`, {})
           (<Input />)}
       </Form.Item>
     </Col>
   )
 }
 // 按钮处理
 const handleBtn = type => {
   
 }
  return (
   <PageHeaderWrapper>
     <SearchBox handleReset={handleReset} handleSearch={handleSearch} getFields={getFields} />
     <RenderButtom click={handleBtn} />
     <UnDev />
   </PageHeaderWrapper>
    )
}

export default Form.create()(Decoration)
